<!doctype html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>遵化农产品区域流向</title>
  <link rel="stylesheet" type="text/css" href="../../libs/layui/css/layui.css">
  <link rel="stylesheet" type="text/css" href="../../css/common.css">
  <link rel="stylesheet" type="text/css" href="../../css/layout.css">
  <link rel="stylesheet" type="text/css" href="../../css/tracingPicture/industryLayout.css">
</head>
<body>
  <!--头部-->
  <div class="header-box">
    <div class="header">
      <div class="header-title"></div>
      <div class="header-menu">
        <ul class="cf">
          <li class="active"><a href="../tracingPicture/industryLayout.html">溯源一张图</a></li>
          <li><a href="../originTraceability/industrialStructure.html">产地追溯</a></li>
          <li><a href="../circulationTraceability/circulationTraceability.html">流通追溯</a></li>
          <li><a href="../qualitySafety/inspectionBatchInspection.html">质量安全</a></li>
          <li class="active"><a href="../salesAnalysis/salesAnalysis.html">农产品销售分析</a></li>
          <li><a href="../publicSentiment/publicSentimentAnalysis.html">农产品舆情</a></li>
        </ul>
      </div>
    </div>
  <!--菜单-->
    <div class="nav">
      <ul class="cf">
        <li><a href="../tracingPicture/industryLayout.html">遵化农产品产业布局</a></li>
        <li><a href="../tracingPicture/traceableTopicDistribution.html">遵化溯源主体分布</a></li>
        <li><a href="../tracingPicture/dynamicWindows.html">遵化溯源码动态视窗</a></li>
        <li class="active"><a href="../tracingPicture/regionalDirection.html">遵化农产品区域流向</a></li>
      </ul>
    </div>
  </div>
<!--主题内容-->
  <div class="main-body">
    <div class="drop-down cf">
      <form action="" class="layui-form">
        <select name="" id="">
          <option value="">2017年</option>
          <option value="2017年">2017年</option>
        </select>
      </form>
    </div>
    <div class="container container4 cf">
      <div class="myChart-left fl">
        <div class="total-box">
          <div>
            <p>溯源农产品流出总量<span class="outflow-total">150</span>万吨</p>
            <p>溯源农产品流入总量<span class="inflow-total">150</span>万吨</p>
          </div>
          <div class="search">
            <input type="text" class="layui-input" placeholder="农产品名称，默认全部">
          </div>
        </div>
        <div class="analysis-list">
          <h2>
            <span>流出城市分析</span>
            <span>流入城市分析</span>
          </h2>
          <div class="detatil-list">
            <ul class="cf fl">
              <li><span>1</span><span>北京</span><span class="outflow-percentage">76.8%</span></li>
              <li><span>2</span><span>天津</span><span class="outflow-percentage">19.8%</span></li>
              <li><span>3</span><span>德州</span><span class="outflow-percentage">0.7%</span></li>
              <li><span>4</span><span>赤峰</span><span class="outflow-percentage">0.5%</span></li>
              <li><span>5</span><span>哈尔滨</span><span class="outflow-percentage">0.4%</span></li>
              <li><span>6</span><span>太原</span><span class="outflow-percentage">0.4%</span></li>
              <li><span>7</span><span>郑州</span><span class="outflow-percentage">0.4%</span></li>
              <li><span>8</span><span>沈阳</span><span class="outflow-percentage">0.3%</span></li>
              <li><span>9</span><span>上海</span><span class="outflow-percentage">0.3%</span></li>
              <li><span>10</span><span>长春</span><span class="outflow-percentage">0.3%</span></li>
            </ul>
            <ul class="cf fl">
              <li><span>1</span><span>北京</span><span class="inflow-percentage">76.8%</span></li>
              <li><span>2</span><span>天津</span><span class="inflow-percentage">19.8%</span></li>
              <li><span>3</span><span>德州</span><span class="inflow-percentage">0.7%</span></li>
              <li><span>4</span><span>赤峰</span><span class="inflow-percentage">0.5%</span></li>
              <li><span>5</span><span>哈尔滨</span><span class="inflow-percentage">0.4%</span></li>
              <li><span>6</span><span>太原</span><span class="inflow-percentage">0.4%</span></li>
              <li><span>7</span><span>郑州</span><span class="inflow-percentage">0.4%</span></li>
              <li><span>8</span><span>沈阳</span><span class="inflow-percentage">0.3%</span></li>
              <li><span>9</span><span>上海</span><span class="inflow-percentage">0.3%</span></li>
              <li><span>10</span><span>长春</span><span class="inflow-percentage">0.3%</span></li>
            </ul>
          </div>
        </div>
      </div>
      <div class="myChart-right fr">
        <div id="map" class="myChart1"></div>
      </div>
    </div>
    <div class="footer">
      <div class="copy-right">
        <p>Copyright Jusfoun.com © 2016-2017&nbsp;&nbsp;&nbsp;&nbsp;河北溯源大数据信息技术有限公司</p>
        <p>技术支持&nbsp;&nbsp;&nbsp;&nbsp;九次方大数据信息集团有限公司</p>
      </div>
    </div>
  </div>
<script src="../../libs/jquery/jquery-3.1.1.min.js"></script>
<script src="../../libs/echart/echarts.min.js"></script>
<script src='../../js/tracingPicture/chart-library.min.js'></script>
<script src="../../libs/layui/layui.js"></script>
<script src="../../js/common.js"></script>
<script src="../../js/tracingPicture/regionalDirection.js"></script>
</body>
</html>